<
!doctype html >
<
html class = "js"
lang = "en" >
<
head >
<
meta charset = "utf-8" >
<
meta http - equiv = "X-UA-Compatible"
content = "IE=edge" >
<
meta name = "viewport"
content = "width=device-width,initial-scale=1" >
<
meta name = "theme-color"
content = "" >
<
link rel = "canonical"
href = "https://viral24jam.myshopify.com/" > < link rel = "preconnect"
href = "https://fonts.shopifycdn.com"
crossorigin > < title >
Viral 24 Jam <
/title>
<
meta property = "og:site_name"
content = "Viral 24 Jam" >
<
meta property = "og:url"
content = "https://viral24jam.myshopify.com/" >
<
meta property = "og:title"
content = "Viral 24 Jam" >
<
meta property = "og:type"
content = "website" >
<
meta property = "og:description"
content = "Viral 24 Jam" > < meta name = "twitter:card"
content = "summary_large_image" >
<
meta name = "twitter:title"
content = "Viral 24 Jam" >
<
meta name = "twitter:description"
content = "Viral 24 Jam" >
<
script src = "//viral24jam.myshopify.com/cdn/shop/t/2/assets/constants.js?v=58251544750838685771716454917"
defer = "defer" > < /script> <
script src = "//viral24jam.myshopify.com/cdn/shop/t/2/assets/pubsub.js?v=158357773527763999511716454917"
defer = "defer" > < /script> <
script src = "//viral24jam.myshopify.com/cdn/shop/t/2/assets/global.js?v=136628361274817707361716454917"
defer = "defer" > < /script> <
script async = "async"
src = "/checkouts/internal/preloads.js?locale=en-KH" > < /script> <
script async = "async"
src = "https://shop.app/checkouts/internal/preloads.js?locale=en-KH&shop_id=61635723324"
crossorigin = "anonymous" > < /script> <
script id = "shopify-features"
type = "application/json" > {
"accessToken": "042ad10a6dd95b8794691320ab6bd3b3",
"betas": ["rich-media-storefront-analytics"],
"domain": "viral24jam.myshopify.com",
"predictiveSearch": true,
"shopId": 61635723324,
"smart_payment_buttons_url": "https:\/\/viral24jam.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js",
"dynamic_checkout_cart_url": "https:\/\/viral24jam.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js",
"locale": "en"
} < /script> <
script >
var Shopify = Shopify || {};
Shopify.shop = "07beed-00.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {
"active": "KHR",
"rate": "1.0"
};
Shopify.country = "KH";
Shopify.theme = {
"name": "Ride",
"id": 131063808060,
"theme_store_id": 1500,
"role": "main"
};
Shopify.theme.handle = "null";
Shopify.theme.style = {
"id": null,
"handle": null
};
Shopify.cdnHost = "viral24jam.myshopify.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/"; < /script> <
script type = "module" > ! function(o) {
(o.Shopify = o.Shopify || {}).modules = !0
}(window); < /script> <
script > ! function(o) {
function n() {
var o = [];
function n() {
o.push(Array.prototype.slice.apply(arguments))
}
return n.q = o, n
}
var t = o.Shopify = o.Shopify || {};
t.loadFeatures = n(), t.autoloadFeatures = n()
}(window); < /script> <
script id = "shop-js-features"
type = "application/json" > {
"compact": ""
} < /script> <
script id = "shop-js-analytics"
type = "application/json" > {
"pageType": "index"
} < /script> <
script id = "__st" >
var __st = {
"a": 61635723324,
"offset": 25200,
"reqid": "21e4c289-4cbf-4b45-8df0-c60093fd24e6-1716594155",
"pageurl": "viral24jam.myshopify.com\/?_ab=0\u0026_fd=0\u0026_sc=1",
"u": "b4a145601f9f",
"p": "home"
}; < /script> <
script > window.ShopifyPaypalV4VisibilityTracking = true; < /script> <
script id = "captcha-bootstrap" > ! function() {
'use strict';
const e = 'contact',
t = 'account',
n = 'new_comment',
o = e => e.map((([e, t]) => `form[action*='/${e}'] input[name='form_type'][value='${t}']`)).join(',');
function c(e, t) {
try {
const n = window.sessionStorage;
for (const [o, c] of Object.entries(JSON.parse(n.getItem(t)))) e.elements[o] && (e.elements[o].value = c);
n.removeItem(t)
} catch {}
}
const s = 'form_type',
r = 'cptcha';
((a, i, m, f, u, d) => {
if (0) return;
let l = !1;
a[m] = a[m] || {}, a[m][f] = a[m][f] || {}, a[m][f].q = [],
function(a, i, m, f, u, d) {
const [l, _, p] = function(c, s, r) {
const a = s ? [
[e, e],
['blogs', n],
['comments', n],
[e, 'customer']
] : [],
i = c ? [
[t, 'customer_login'],
[t, 'guest_login'],
[t, 'recover_customer_password'],
[t, 'create_customer']
] : [],
m = [...a, ...i],
f = o(m),
u = o(a.slice(0, 3)),
d = r && o(m.filter((([e, t]) => r.includes(t)))),
l = e => () => e ? [...document.querySelectorAll(e)].map((e => e.form)) : [];
return [l(f), l(u), l(d)]
}(!0, !0, d), E = e => {
const t = e.target,
n = t instanceof HTMLFormElement ? t : t && t.form;
return n && l().find((e => n === e))
};
a.addEventListener('submit', (e => {
E(e) && e.preventDefault()
}));
const T = (e, t) => {
m(e, t.some((t => t === e))), e.dataset[r] = !0
};
for (const e of ['focusin', 'change']) a.addEventListener(e, (e => {
const t = E(e);
t && !t.dataset[r] && T(t, _())
}));
const g = i.get('form_key'),
v = i.get(s),
h = g && v,
y = d && d.length;
(y || h) && a.addEventListener('DOMContentLoaded', (() => {
const e = _();
if (h)
for (const t of e) t.elements[s].value === v && c(t, g);
if (y)
for (const t of p()) T(t, e)
}))
}(i, new URLSearchParams(a.location.search), ((e, t) => {
const n = a[m][f],
o = n.bindForm,
c = '6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey',
s = {
infoText: '',
privacyText: '',
termsText: ''
};
if (o) return o(e, c, t, s);
n.q.push([e, c, t, s]), l || (i.body.append(Object.assign(i.createElement('script'), {
id: 'captcha-provider',
async: !0,
src: 'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_recaptcha.v1.0.5.iife.js'
})), l = !0)
}), 0, 0, ['guest_login'])
})(window, document, 'Shopify', 'ce_forms')
}(); < /script> <
script > document.addEventListener('DOMContentLoaded', function() {
const previewBarInjector = new Shopify.PreviewBarInjector({
targetNode: document.body,
iframeRoot: 'https://viral24jam.myshopify.com',
iframeSrc: 'https://viral24jam.myshopify.com/preview_bar',
previewToken: 'sjc58nlh9bbxiyko',
themeStoreId: '1500',
permanentDomain: '07beed-00.myshopify.com',
});
previewBarInjector.init();
}); < /script> <
script integrity = "sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY="
data - source - attribution = "shopify.loadfeatures"
defer = "defer"
src = "//viral24jam.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js"
crossorigin = "anonymous" > < /script> <
script data - source - attribution = "shopify.dynamic_checkout.dynamic.init" >
var Shopify = Shopify || {};
Shopify.PaymentButton = Shopify.PaymentButton || {
isStorefrontPortableWallets: !0,
init: function() {
window.Shopify.PaymentButton.init = function() {};
var t = document.createElement("script");
t.src = "https://viral24jam.myshopify.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js", t.type = "module", document.head.appendChild(t)
}
}; <
/script> <
script >
function portableWalletsRemoveSkeletons(e) {
e && e.src && console.error("Failed to load portable wallets script " + e.src);
var o = document.querySelectorAll("dynamic-checkout .shopify-payment-button__skeleton, cart-wallet-buttons .wallet-cart-button__skeleton");
for (let e = 0; e < o.length; e++) o[e].remove()
}
function portableWalletsNotLoadedAsModule(e) {
e.message.includes("import.meta") && e.filename.includes("portable-wallets") && (window.removeEventListener("error", portableWalletsNotLoadedAsModule), window.Shopify.PaymentButton.failedToLoad = e, "loading" === document.readyState ? document.addEventListener("DOMContentLoaded", window.Shopify.PaymentButton.init) : window.Shopify.PaymentButton.init())
}
window.addEventListener("error", portableWalletsNotLoadedAsModule); <
/script>
<
script type = "module"
src = "https://viral24jam.myshopify.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js"
onError = "portableWalletsRemoveSkeletons(this)"
crossorigin = "anonymous" > < /script> <
script nomodule >
document.addEventListener("DOMContentLoaded", portableWalletsRemoveSkeletons); <
/script>
<
script integrity = "sha256-o0rXHoHYF8JV/pI5sd/RPjI3ywH41Ezq5yxQ3ds5iuM="
defer = "defer"
src = "//viral24jam.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/bars/preview_bar_injector-a34ad71e81d817c255fe9239b1dfd13e3237cb01f8d44ceae72c50dddb398ae3.js"
crossorigin = "anonymous" > < /script> <
script id = "sections-script"
data - sections = "header"
defer = "defer"
src = "//viral24jam.myshopify.com/cdn/shop/t/2/compiled_assets/scripts.js?10" > < /script> <
style id = "shopify-dynamic-checkout" > .shopify - payment - button__button--hidden {
visibility: hidden;
}
.shopify - payment - button__button {
border - radius: 4 px;
border: none;
box - shadow: 0 0 0 0 transparent;
color: white;
cursor: pointer;
display: block;
font - size: 1 em;
font - weight: 500;
line - height: 1;
text - align: center;
width: 100 % ;
min - height: 44 px;
transition: background 0.2 s ease - in - out;
}
.shopify - payment - button__button[disabled] {
opacity: 0.6;
cursor: default;
}
.shopify - payment - button__button--unbranded {
background - color: #1990c6;
padding: 1em 2em;
}
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
background-color: # 136 f99;
}
.shopify - payment - button__more - options {
background: transparent;
border: 0 none;
cursor: pointer;
display: block;
font - size: 1 em;
margin - top: 1 em;
text - align: center;
text - decoration: underline;
width: 100 % ;
}
.shopify - payment - button__more - options.shopify - payment - button__skeleton {
width: 50 % ;
margin - left: 25 % ;
margin - right: 25 % ;
}
.shopify - payment - button__more - options[disabled] {
opacity: 0.6;
cursor: default;
}
.shopify - payment - button__button.shopify - payment - button__button--branded {
display: flex;
flex - direction: column;
position: relative;
z - index: 1;
}
.shopify - payment - button__button.shopify - payment - button__button--branded.shopify - cleanslate {
flex: 1!important;
display: flex!important;
flex - direction: column!important;
}
.shopify - payment - button__button.button.loading {
position: relative;
color: transparent;
}
.shopify - payment - button__button.button.loading > .loading - overlay__spinner {
top: 50 % ;
left: 50 % ;
transform: translate(-50 % , -50 % );
position: absolute;
height: 100 % ;
display: flex;
align - items: center;
}
.shopify - payment - button__button.button.loading > .loading - overlay__spinner.spinner {
width: -moz - fit - content;
width: -webkit - fit - content;
width: fit - content;
}
.button.loading > .loading - overlay__spinner.path {
stroke: white;
}
.shopify - payment - button__button.loading - overlay__spinner {
width: 1.8 rem;
display: inline - block;
}
.shopify - payment - button__button.spinner {
animation: shopify - rotator 1.4 s linear infinite;
}
@keyframes shopify - rotator {
0 % {
transform: rotate(0 deg);
}
100 % {
transform: rotate(270 deg);
}
}
.shopify - payment - button__button.path {
stroke - dasharray: 280;
stroke - dashoffset: 0;
transform - origin: center;
stroke: rgb(18, 18, 18);
animation: shopify - dash 1.4 s ease - in - out infinite;
}
@media screen and(forced - colors: active) {
.shopify - payment - button__button.path {
stroke: CanvasText;
}
}
@keyframes shopify - dash {
0 % {
stroke - dashoffset: 280;
}
50 % {
stroke - dashoffset: 75;
transform: rotate(135 deg);
}
100 % {
stroke - dashoffset: 280;
transform: rotate(450 deg);
}
}
@keyframes walletsLoadingSkeleton {
50 % {
opacity: 1;
}
75 % {
opacity: 0.5;
}
100 % {
opacity: 1;
}
}
.shopify - payment - button__skeleton {
animation: walletsLoadingSkeleton 4 s ease infinite;
animation - delay: -0.168 s;
background - color: rgb(222, 222, 222);
box - sizing: border - box;
text - decoration: none!important;
} <
/style> <
script > window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end'); < /script>
<
style data - shopify >
@font - face {
font - family: "Avenir Next";
font - weight: 500;
font - style: normal;
font - display: swap;
src: url("//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_n5.972a96b7a049f12c89d6d1cd0e1b6c9211f7ba14.woff2?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=9832c776b142a091fae4fc51dc10caed63520f77eb29bfab605ce55aa55cfb40") format("woff2"),
url("//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_n5.9e88d20fa9eb66ba268ac60ab013006ef69a310a.woff?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=e3599c56e1021223f3e274eb79d49d6e21a2ac2e971e9572fb2e2e6576a165a6") format("woff");
}
@font - face {
font - family: "Avenir Next";
font - weight: 700;
font - style: normal;
font - display: swap;
src: url("//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=1f2699356742be312f4fd883e9bbe1a86ed9cf8d111cb79cd0556d3df9f37906") format("woff2"),
url("//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=3742a1ec1edc3dc06e2ff46025bb3ba49f7f739cdf2be50a034db253c44136ff") format("woff");
}
@font - face {
font - family: "Avenir Next";
font - weight: 500;
font - style: italic;
font - display: swap;
src: url("//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_i5.2d1a6d537e5b485482d6bcca34a56cc10d441a55.woff2?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=4b13281f2b39608aba76a4e828b5b04930cd2af26be9d6e376bd5ec53b76537e") format("woff2"),
url("//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_i5.fcfa37c68ca483c41031623bfae4701d99bb4b95.woff?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=9421dd040a42d2942cafa710ead192530171846ef5e1fe5ea31d5df68b452fc9") format("woff");
}
@font - face {
font - family: "Avenir Next";
font - weight: 700;
font - style: italic;
font - display: swap;
src: url("//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_i7.3a67996166b5b7f1b7cc3b35490ebd6824908dc5.woff2?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=5c45772642a48a07563a267fbd65d51b7941254cc99f9888b5542d47550c5dd8") format("woff2"),
url("//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_i7.b872875ff437f0efb4c2321d0016eaa726b649ae.woff?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=c04ff18597161c82ff10f07a41407d09aad91c4396e8094199a6e473a3c5f125") format("woff");
}
@font - face {
font - family: Oswald;
font - weight: 500;
font - style: normal;
font - display: swap;
src: url("//viral24jam.myshopify.com/cdn/fonts/oswald/oswald_n5.22b74dce86cb1e4738ccceb326c9284bc24641e9.woff2?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=aff0dba80cd572d8fec3f6a5782e57f499f960f6028dbabf5028f558eb9b5542") format("woff2"),
url("//viral24jam.myshopify.com/cdn/fonts/oswald/oswald_n5.c60897f79173105d5bae1e28e68e9326a4a64631.woff?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=d591bed163a5b5912fc85cf30d2f2f90788379894ccc6c602bfa5aa145dbb924") format("woff");
}
: root,
.color - scheme - 1 {
--color - background: 31, 31, 33;
--gradient - background: #1f1f21;
--color-foreground: 255,255,255;
--color-background-contrast: 43,43,46;
--color-shadow: 255,255,255;
--color-button: 227,252,2;
--color-button-text: 31,31,33;
--color-secondary-button: 31,31,33;
--color-secondary-button-text: 227,252,2;
--color-link: 227,252,2;
--color-badge-foreground: 255,255,255;
--color-badge-background: 31,31,33;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(31 31 33);
}
.color-scheme-2 {
--color-background: 31,31,33;
--gradient-background: # 1 f1f21;
--color - foreground: 255, 255, 255;
--color - background - contrast: 43, 43, 46;
--color - shadow: 255, 255, 255;
--color - button: 255, 255, 255;
--color - button - text: 31, 31, 33;
--color - secondary - button: 31, 31, 33;
--color - secondary - button - text: 255, 255, 255;
--color - link: 255, 255, 255;
--color - badge - foreground: 255, 255, 255;
--color - badge - background: 31, 31, 33;
--color - badge - border: 255, 255, 255;
--payment - terms - background - color: rgb(31 31 33);
}
.color - scheme - 3 {
--color - background: 255, 255, 255;
--gradient - background: #ffffff;
--color - foreground: 31, 31, 33;
--color - background - contrast: 191, 191, 191;
--color - shadow: 255, 255, 255;
--color - button: 31, 31, 33;
--color - button - text: 255, 255, 255;
--color - secondary - button: 255, 255, 255;
--color - secondary - button - text: 31, 31, 33;
--color - link: 31, 31, 33;
--color - badge - foreground: 31, 31, 33;
--color - badge - background: 255, 255, 255;
--color - badge - border: 31, 31, 33;
--payment - terms - background - color: rgb(255 255 255);
}
.color - scheme - 4 {
--color - background: 252, 2, 2;
--gradient - background: #fc0202;
--color - foreground: 31, 31, 33;
--color - background - contrast: 126, 1, 1;
--color - shadow: 255, 255, 255;
--color - button: 31, 31, 33;
--color - button - text: 227, 252, 2;
--color - secondary - button: 252, 2, 2;
--color - secondary - button - text: 31, 31, 33;
--color - link: 31, 31, 33;
--color - badge - foreground: 31, 31, 33;
--color - badge - background: 252, 2, 2;
--color - badge - border: 31, 31, 33;
--payment - terms - background - color: rgb(252 2 2);
}
.color - scheme - 5 {
--color - background: 0, 252, 237;
--gradient - background: #00fced;
--color-foreground: 31,31,33;
--color-background-contrast: 0,125,117;
--color-shadow: 255,255,255;
--color-button: 31,31,33;
--color-button-text: 0,252,237;
--color-secondary-button: 0,252,237;
--color-secondary-button-text: 31,31,33;
--color-link: 31,31,33;
--color-badge-foreground: 31,31,33;
--color-badge-background: 0,252,237;
--color-badge-border: 31,31,33;
--payment-terms-background-color: rgb(0 252 237);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: "Avenir Next", sans-serif;
--font-body-style: normal;
--font-body-weight: 500;
--font-body-weight-bold: 800;
--font-heading-family: Oswald, sans-serif;
--font-heading-style: normal;
--font-heading-weight: 500;
--font-body-scale: 1.0;
--font-heading-scale: 1.4;
--media-padding: px;
--media-border-opacity: 0.1;
--media-border-width: 0px;
--media-radius: 0px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 160rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.0rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.0rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.0rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.0rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.0rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.0rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.0;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 52px;
--spacing-sections-mobile: 36px;
--grid-desktop-vertical-spacing: 40px;
--grid-desktop-horizontal-spacing: 40px;
--grid-mobile-vertical-spacing: 20px;
--grid-mobile-horizontal-spacing: 20px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 0px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 0px;
--buttons-radius-outset: 0px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0px;
--inputs-radius: 0px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 0px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
<
link rel = "preload"
as = "font"
href = "//viral24jam.myshopify.com/cdn/fonts/avenir_next/avenirnext_n5.972a96b7a049f12c89d6d1cd0e1b6c9211f7ba14.woff2?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=9832c776b142a091fae4fc51dc10caed63520f77eb29bfab605ce55aa55cfb40"
type = "font/woff2"
crossorigin >
<
link rel = "preload"
as = "font"
href = "//viral24jam.myshopify.com/cdn/fonts/oswald/oswald_n5.22b74dce86cb1e4738ccceb326c9284bc24641e9.woff2?h1=MDdiZWVkLTAwLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlyYWwyNGphbS5teXNob3BpZnkuY29t&hmac=aff0dba80cd572d8fec3f6a5782e57f499f960f6028dbabf5028f558eb9b5542"
type = "font/woff2"
crossorigin >
<
link
rel = "stylesheet"
href = "//viral24jam.myshopify.com/cdn/shop/t/2/assets/component-predictive-search.css?v=118923337488134913561716454916"
media = "print"
onload = "this.media='all'" >
< script >
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
} <
/script> <
link href = "https://monorail-edge.shopifysvc.com"
rel = "dns-prefetch" >
<
script > (function() {
if ("sendBeacon" in navigator && "performance" in window) {
var session_token = document.cookie.match(/_shopify_s=([^;]*)/);
function handle_abandonment_event(e) {
var entries = performance.getEntries().filter(function(entry) {
return /monorail-edge.shopifysvc.com/.test(entry.name);
});
if (!window.abandonment_tracked && entries.length === 0) {
window.abandonment_tracked = true;
var currentMs = Date.now();
var navigation_start = performance.timing.navigationStart;
var payload = {
shop_id: 61635723324,
url: window.location.href,
navigation_start,
duration: currentMs - navigation_start,
session_token: session_token && session_token.length === 2 ? session_token[1] : "",
page_type: "index"
};
window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({
schema_id: "online_store_buyer_site_abandonment/1.1",
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
}));
}
}
window.addEventListener('pagehide', handle_abandonment_event);
}
}()); < /script> <
script id = "web-pixels-manager-setup" > (function e(e, n, a, t, r) {
var o = "function" == typeof BigInt && -1 !== BigInt.toString().indexOf("[native code]") ? "modern" : "legacy";
window.Shopify = window.Shopify || {};
var i = window.Shopify;
i.analytics = i.analytics || {};
var s = i.analytics;
s.replayQueue = [], s.publish = function(e, n, a) {
return s.replayQueue.push([e, n, a]), !0
};
try {
self.performance.mark("wpm:start")
} catch (e) {}
var l = [a, "/wpm", "/b", r, o.substring(0, 1), ".js"].join("");
! function(e) {
var n = e.src,
a = e.async,
t = void 0 === a || a,
r = e.onload,
o = e.onerror,
i = document.createElement("script"),
s = document.head,
l = document.body;
i.async = t, i.src = n, r && i.addEventListener("load", r), o && i.addEventListener("error", o), s ? s.appendChild(i) : l ? l.appendChild(i) : console.error("Did not find a head or body element to append the script")
}({
src: l,
async: !0,
onload: function() {
var a = window.webPixelsManager.init(e);
n(a);
var t = window.Shopify.analytics;
t.replayQueue.forEach((function(e) {
var n = e[0],
t = e[1],
r = e[2];
a.publishCustomEvent(n, t, r)
})), t.replayQueue = [], t.publish = a.publishCustomEvent, t.visitor = a.visitor
},
onerror: function() {
var n = e.storefrontBaseUrl.replace(/\/$/, ""),
a = "".concat(n, "/.well-known/shopify/monorail/unstable/produce_batch"),
r = JSON.stringify({
metadata: {
event_sent_at_ms: (new Date).getTime()
},
events: [{
schema_id: "web_pixels_manager_load/2.0",
payload: {
version: t || "latest",
page_url: self.location.href,
status: "failed",
error_msg: "".concat(l, " has failed to load")
},
metadata: {
event_created_at_ms: (new Date).getTime()
}
}]
});
try {
if (self.navigator.sendBeacon.bind(self.navigator)(a, r)) return !0
} catch (e) {}
var o = new XMLHttpRequest;
try {
return o.open("POST", a, !0), o.setRequestHeader("Content-Type", "text/plain"), o.send(r), !0
} catch (e) {
console && console.warn && console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")
}
return !1
}
})
})({
shopId: 61635723324,
storefrontBaseUrl: "https://viral24jam.myshopify.com",
extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",
surface: "storefront-renderer",
enabledBetaFlags: ["5de24938", "3b4293f9"],
webPixelsConfigList: [{
"id": "shopify-app-pixel",
"configuration": "{}",
"eventPayloadVersion": "v1",
"runtimeContext": "STRICT",
"scriptVersion": "090",
"apiClientId": "shopify-pixel",
"type": "APP",
"purposes": ["ANALYTICS", "MARKETING"]
}, {
"id": "shopify-custom-pixel",
"eventPayloadVersion": "v1",
"runtimeContext": "LAX",
"scriptVersion": "090",
"apiClientId": "shopify-pixel",
"type": "CUSTOM",
"purposes": ["ANALYTICS", "MARKETING"]
}],
initData: {
"cart": null,
"checkout": null,
"customer": null,
"productVariants": [],
"shop": {
"name": "Viral 24 Jam",
"paymentSettings": {
"currencyCode": "KHR"
},
"myshopifyDomain": "07beed-00.myshopify.com",
"countryCode": "KH",
"storefrontUrl": "https:\/\/viral24jam.myshopify.com"
}
},
}, function pageEvents(webPixelsManagerAPI) {
webPixelsManagerAPI.publish("page_viewed");
}, "https://viral24jam.myshopify.com/cdn", "b1960ab3902be1b2d5e4e73559d88a06fe391814", "2618fd15wf7957246p4fe5c48am4cbbec41", ); < /script> <
script src = "//viral24jam.myshopify.com/cdn/shop/t/2/assets/details-modal.js?v=25581673532751508451716454917"
defer = "defer" > < /script> <
script src = "//viral24jam.myshopify.com/cdn/shop/t/2/assets/cart-notification.js?v=133508293167896966491716454916"
defer = "defer" > < /script> <
script src = "//viral24jam.myshopify.com/cdn/shop/t/2/assets/search-form.js?v=133129549252120666541716454917"
defer = "defer" > < /script> <
/html>